<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalabel=0">
    <title>Title</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/center.css">
    <link rel="stylesheet" href="css/center-form.css">
    <link rel="stylesheet" href="css/bottom.css">
    <script src="js/data.js"></script>
    <script src="js/checkForm.js"></script>
    <script src="js/citychange.js"></script>
</head>
<body>

    <!--顶部容器-->
    <div class="header">
        <!--链接容器-->
        <img src="images/register_tag_right.gif">
        <div class="header-link">
            <a class="link" href="#">首页</a>|
            <a class="link" href="#">商品展示页</a>|
            <a class="link" href="#">购物车</a>|
            <a class="link" href="#">登录</a>
        </div>
    </div>


    <!--主区域容器-->
    <div class="center">
        <!--顶部容器-->
        <div class="center-top">
            <img src="images/register_tag_left.gif">
            <img src="images/register_tag_mid.gif">
            <img src="images/register_tag_right.gif">
            <div class="center-text">
                <div>填写注册信息</div>
                <div>2.邮箱验证</div>
                <div>3.完成注册</div>
            </div>
        </div>
        <!--表单顶部容器-->
        <div class="center-title">
            <img src="images/register_pic_01.gif">
            <!--文字容器-->
            <div class="center-title-text">
                <div>HI、欢迎注册</div>
                <div>你所提供的资料不会用作其他用途,敬请安心填写</div>
            </div>
        </div>
        <hr style="border: 1px dashed;margin:0 auto;color: #777777" width="80%" >
        <!--表单容器-->
        <div class="center-form">
            <form action="https://www.baidu.com" method="get" onsubmit="return formsub()">
                <input type="email" name="email" id="email" onkeyup="emailCheck()">
                <div  class="emailerror" id="emailerror"></div><br>
                <input type="text" name="username" id="username" onkeyup="userCheck()">
                <div  class="usererror" id="usererror"></div>
                <br>
                <input type="password" name="password" id="password" onkeyup="pwdCheck()">
                <div  class="pwderror" id="pwderror"></div><br>
                <input type="password" name="password" id="repwd" onkeyup="rePwdCheck()">
                <div  class="repwderror" id="repwderror"></div><br>
                <input type="radio" name="sex" value="男" style="margin-top: 10px" checked>男&nbsp;
                <input type="radio" name="sex" value="女" style="margin-top: 10px">女<br>
                <select style="margin-top: 10px" id="province"  onchange="cityChange(this.value)">

                </select>

                <select style="margin-top: 10px" id="city">
                    <option>请选择城市/地区</option>
                </select><br>
                <input id="btn" type="submit" value="">
            </form>
            <!--表单文字-->
            <div class="form-text">
                <div>Email地址:</div>
                <div>设置昵称:</div>
                <div>设置密码:</div>
                <div>再输入一次密码:</div>
                <div>性别:</div>
                <div>所在地区:</div>
            </div>
        </div>
        <!--底部-->
        <div class="bottom">
            Copyright &nbsp; (C)&nbsp; 企业网&nbsp; 2019,&nbsp;All &nbsp;Right &nbsp;Reserved
            <img src="images/validate.gif">
            &nbsp;京ICP证0001825号 &nbsp; 电子制品经营许可证
        </div>
    </div>

</body>

</html>